<div id="overview">
	<p>
	MagicDTree is a wrapper of Dynatree which is a JQuery tree plugin.
	MagicDTree made the Dynatree easier. You'd better learn
	<a href="http://code.google.com/p/dynatree/">Dynatree</a> plugin before start use this.
	</p>
</div>
<div id="options">
	<h3><a href="#">treeConfig</a></h3>
	<p>
		Original Dynatree config.
	</p>
	<h3><a href="#">ctxMenu</a></h3>
	<p>
		element of context menu instead of the "ctxMenu" item of Dynatree config,
		so we can extend features from this point.
	</p>
	<h3><a href="#">loader</a></h3>
	<p>
		Data provider config.
		<ul>
			<li>url: URL, data provider</li>
			<li>params: load params, eg: { pageNo: 1, pageSize: 20 }</li>
			<li>autoLoad: whether auto load data when current page ready. default = true</li>
		</ul>
	</p>
	<h3><a href="#">rootNode</a></h3>
	<p>
		root node element, readony.
	</p>
</div>
<div id="events">
	<h3><a href="#">doInsert(dt, callback)</a></h3>
	<p>
		It will be executed when user click "insert" item of context menu.
		It give us a chance to do some thing when user try to add node,
		such as open a dialog and request user input.
		It is incorrect that insert node to tree in this event.
		<ul>
			<li>dt: tree node element</li>
			<li>callback: call actual insert when it done</li>
		</ul>
	</p>
	<h3><a href="#">doUpdate(dt, callback)</a></h3>
	<p>
		It will be executed when user click "update" item of context menu.
		It give us a chance to do some thing when user try to update a node,
		such as open a dialog and request user input.
		<ul>
			<li>dt: tree node element</li>
			<li>callback: call actual update when it done</li>
		</ul>
	</p>
	<h3><a href="#">doDelete(dt, callback)</a></h3>
	<p>
		It will be executed when user click "delete" item of context menu.
		It give us a chance to do some thing when user try to delete a node,
		such as open a confirm dialog.
		<ul>
			<li>dt: tree node el</li>
			<li>callback: call actual delete when it done</li>
		</ul>
	</p>
	<h3><a href="#">onCtxMenu(el)</a></h3>
	<p>
		It will be executed when context menu popup.
		<ul>
			<li>el: tree node element which be right clicked</li>
		</ul>
	</p>
	<h3><a href="#">onLoadSubTree(dt)</a></h3>
	<p>
		It will be triggered when after load sub tree of node.
		<ul>
			<li>el: tree node element</li>
		</ul>
	</p>
	<h3><a href="#">onActive(dt)</a></h3>
	<p>
		It triggered when node be actived.
		<ul>
			<li>dt: node element</li>
		</ul>
	</p>
</div>
<div id="methods">
	<h3><a href="#">setContextMenu()</a></h3>
	<p>
		It is core of MagicDTree. No need to call it directly,
		but you can reset it if you want to custom contextMenu.
	</p>
	<h3><a href="#">addNode(dd)</a></h3>
	<p>
		Add a node to current node as child.
		Usually no need to call it directly.
		<ul>
			<li>dd: node data</li>
		</ul>
	</p>
	<h3><a href="#">updateNode(dd)</a></h3>
	<p>
		Update current node. Usually no need to call it directly.
		<ul>
			<li>dd: node data</li>
		</ul>
	</p>
	<h3><a href="#">deleteNode(key)</a></h3>
	<p>
		Delete current node. Usually no need to call it directly.
		<ul>
			<li>dd: node key</li>
		</ul>
	</p>
	<h3><a href="#">deleteChildren(dt)</a></h3>
	<p>
		Delete childern of current node.
		<ul>
			<li>dt: current node element</li>
		</ul>
	</p>
	<h3><a href="#">loadSubTree(dt)</a></h3>
	<p>
		Dynamic load sub tree of node. It will trigger onLoadSubTree events.
		<ul>
			<li>dt: current node element</li>
		</ul>
	</p>
	<h3><a href="#">getNode(key)</a></h3>
	<p>
		Get node by key.
		<ul>
			<li>key: node key</li>
		</ul>
	</p>
</div>